/*==================================
Date 20170918;
Author hy;
Function: 缁忛攢鍟哤EB-鍏敤鏍峰紡;
==================================*/
html {font:12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;color:#666;}
body {margin: 0;background-color: #f2f2f2;min-width:1200px;}
dl,dt,dd,ul,ol,li {margin: 0;padding: 0;}
li {list-style: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}
.none {display: none;}
.hide {display: none;}
a {text-decoration: none;color: #666;background: transparent;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
a:active,
a:hover {outline: 0;text-decoration: none;color:#6ABF4B;}
b,strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6,p {margin: 0;font-size: 100%;font-weight: normal;}
i,em {font-style: normal;}
img {border: 0;display: inline-block;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;resize: none;}
table {border-collapse: collapse;border-spacing: 0;}

/********************************
  棰滆壊锛屾寜閽紝瀛椾綋鍏敤鍐呭
*********************************/
/*color*/
/*.purple{color:#6ABF4B !important;}涓昏壊:绱壊*/
.purple{color:#6ABF4B !important;}/*涓昏壊:钃濊壊*/
.yellow{color:#fdd945 !important;}/*杈呰壊:璋堥粍鑹�*/
.orange{color:#f13615 !important;}/*杈呰壊:绾㈣壊*/
.green{color:#009944 !important;}/*杈呰壊:缁胯壊*/
/*button*/
.btn-purple,.btn-yellow,.btn-orange,.btn-green{display: inline-block;padding: 5px 12px;color: #fff;background-color: #6ABF4B;border: 1px solid #6ABF4B;
  font-size: 12px;white-space: nowrap;text-align: center;vertical-align: middle;cursor: pointer;outline: 0;
  -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
  transition: background-color 300ms ease-out,border-color 300ms ease-out;
}
.btn-purple:hover {background-color: #000865;border-color: #000865;color:#fff;}
.btn-yellow {background-color: #fdd945;border-color: #fdd945;}
.btn-yellow:hover {background-color: #ffcd00;border-color: #ffcd00;color:#fff;}
.btn-orange {background-color: #f13615;border-color: #f13615;}
.btn-orange:hover {background-color: #ce1f00;border-color: #ce1f00;color:#fff;}
.btn-gray{display:inline-block;padding:0 8px;height:24px;line-height:24px;border:1px solid #ddd;color:#999;cursor:pointer;border-radius: 3px;}
.btn-gray:hover{border-color:#999;color:#666;}
.btn-green{background-color: #009944;border-color: #009944;}
.btn-green:hover{background-color: #00662e;border-color: #00662e;}
/*badge*/
.badge,.badge-purple{padding:2px 5px;line-height:14px;display:inline-block;background: #fffc01;color: #6ABF4B;font-family: '瀹嬩綋';}
.badge-purple{background: #6ABF4B;color: #fffc01;}
/*icnfont*/
@font-face {
  font-family: 'iconfont';  /* project id 396950 */
  src: url('//at.alicdn.com/t/font_396950_ix12e2l36vbwqaor.eot');
  src: url('//at.alicdn.com/t/font_396950_ix12e2l36vbwqaor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_396950_ix12e2l36vbwqaor.woff') format('woff'),
  url('//at.alicdn.com/t/font_396950_ix12e2l36vbwqaor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_396950_ix12e2l36vbwqaor.svg#iconfont') format('svg');
}
.iconfont {font-family: "iconfont" !important;font-size: 150%;font-style: normal;
  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;
  margin-left: .2em;margin-right: .2em;line-height: 1em;
}
/*buy-num*/
.buy-num{width:148px;height:35px;}
.buy-num span{float:left;display:block;width:33px;height:33px;line-height:33px;border:1px solid #ddd;
  text-align:center;background: #f2f2f2;color:#333;font-family: '瀹嬩綋';font-size:28px;font-weight:600;cursor: pointer;}
.buy-num span:nth-child(1){border-radius: 3px 0 0 3px;}
.buy-num span:last-child{border-radius: 0 3px 3px 0;}
.buy-num span:hover{border-color:#f03915;background: #f03915;color: #fff;}
.buy-num input{float:left;padding:0 10px;width:58px;height:33px;line-height:33px;border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;
  text-align:center;background: #fff;color:#333;font-size:16px;font-family: 'microsoft yahei';}
.buy-num input:focus{outline: none;}
.buy-num-small{width:110px;height:26px;}
.buy-num-small span{width:24px;height:24px;line-height:24px;font-size:18px;}
.buy-num-small input{padding:0 5px;width:48px;height:24px;line-height:24px;font-size:12px;}
/*鐜伴噾鍒�*/
.quan-main{display:inline-block;min-width:330px;height:85px;position:relative;font-family: 'microsoft yahei';}
.quan-main strong{display:inline-block;margin:22px 0 0 55px;font-size:40px;color:#d4b325;font-weight:300;}
.quan-main i{display:block;float:left;width:128px;height:85px;background:url(/public/agency/images/hj-sprit.png) no-repeat 0 -629px;}
.quan-main p{float:left;min-width:202px;padding-right:5px;height:85px;background:#0f3878 url(/public/agency/images/hj-sprit.png) no-repeat 0 -543px;}
.quan-main p span{margin-right:5px;display:inline-block;}
.quan-main-need{background-position:0 -245px;color:#fff !important;}
.quan-main-need strong{color:#fff !important;}
.quan-main-small{width:205px;height:53px;background-position: 0 -330px;}
.quan-main-small-need{background-position:0 -383px;}
.quan-main-small strong{margin:15px 0 0 32px;font-size:26px;}
.quan-main-small span{margin-left:2px;}
/********************************
  妯″潡鍏敤鍐呭
*********************************/
.hj-container {width:1200px;min-width:1200px;margin:0 auto;}
.oneshop {position: relative;}
.oneshop .pic {float:left;width:80px;height:80px;}
.oneshop .pic img {width:80px;height:80px;}
.oneshop .title {float:left;}
.oneshop .title h2 {height:16px;overflow: hidden;}
.oneshop .title .subtitle {color: #999;overflow: hidden;}
.oneshop .money {float: left;}
.icon,.btn-puls{
  display:inline-block;background: url(/public/agency/images/hj-sprit.png) no-repeat;
}
/*寮圭獥-鏂囨湰鎻愮ず*/
.dialog-forms-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9998;opacity: 0;}
.dialog-forms{position:fixed;top:50%;left:50%;min-width:200px;padding:30px;margin:-39px 0 0 -135px;background: rgba(0,0,0,.6);z-index:9999;color:#fff;}
.dialog-forms i.sigh{position: absolute;top:70px;left:50px;font-size:36px;}
.dialog-forms i.close{position: absolute;top:5px;right:5px;font-size:20px;cursor: pointer;}
/*鍟嗗搧鍒楄〃*/
.hj-shoplist li{margin:0 0 20px 23px;position:relative;float:left;padding:20px;width:228px;height:348px;
  border:1px solid #ddd;cursor: default;}
.hj-shoplist .pic{width:228px;height:228px;}
.hj-shoplist .pic a{display:block;width:228px;height:228px;}
.hj-shoplist .pic img{max-width:228px;max-height:228px;}
.hj-shoplist .title {height:40px;margin-top:20px;overflow: hidden;}
.hj-shoplist .title a{font-size:14px;font-family: 'microsoft yahei';word-break:break-all;}
.hj-shoplist .money {margin-top:10px;float: left;font-family: 'microsoft yahei';}
.hj-shoplist .money del {height:16px;display:block;color: #999;}
.hj-shoplist .money strong {display:block;font-size:24px;color:#f13615;}
.hj-shoplist li:hover .line{display:block;}
.hj-shoplist li:hover .title a {color: #f13615;}
.hj-shoplist li .pic img:hover {margin:-5px 0 0 -5px;max-width:238px;max-height:238px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
.line{background: #f13615;position: absolute;display:none;}
.line-top{width:270px;height:1px;top:-1px;left:-1px;animation:lineT 1s;}
.line-right{width:1px;height:388px;top:0;right:-1px;animation:lineR 1s;}
.line-bottom{width:270px;height:1px;bottom:-1px;right:-1px;animation:lineB 1s;}
.line-left{width:1px;height:388px;bottom:0;left:-1px;animation:lineL 1s;}
@keyframes lineT{from{width:0;}to{width:270px;}}
@keyframes lineR{from{height:0;}to{height:388px;}}
@keyframes lineB{from{width:0;}to{width:270px;}}
@keyframes lineL{from{height:0;}to{height:388px;}}
/*page*/
.hj-page {margin: 8px 0;height: 30px;text-align: center;}
.hj-page .jumpto {vertical-align: 2px;}
.hj-page a {display: inline-block;padding: 8px;line-height: 6px;margin-right: 10px;border: 1px solid #ddd;border-radius: 3px;background: #fff;color: #666;}
.hj-page a:hover,
.hj-page input[type="button"]:hover {border-color: #143884;color: #143884;}
.hj-page a.current {background: #143884;border-color: #143884;color: #fff;}
.hj-page input[type="text"] {margin: 0 4px;padding: 0;width: 40px;height: 26px;line-height: 26px;color: #808080;text-align: center;border: 1px solid #ddd;border-radius: 3px;vertical-align: top;}
.hj-page input[type="button"] {background-color: #fff;color: #7f7f7f;height: 28px;border: 1px solid #ddd;border-radius: 3px;width: 60px;margin-top: -1px;}
/*鐚滀綘鍠滄*/
.shopview-look ul {padding:20px 0;}
.shopview-look li {float:left;width:165px;height:228px;margin:20px 0 0 28px;}
.shopview-look li img {width:165px;height:165px;}
.shopview-look li p.name{margin-top:8px;height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.shopview-look li p.money{margin-top:8px;font-family: 'microsoft yahei';}
.shopview-look li p.money strong{font-size:18px;color:#f03915;}
.shopview-look li p.money del {display:inline-block;margin-left:10px;color: #999;}

/********************************
  header,logo,search,nav,category
*********************************/
.header {height: 29px;border-bottom:1px solid #ddd;background: #f2f2f2;position: relative;z-index:10;}
.header .welcome {line-height: 29px;}
.header .welcome a {text-decoration: underline;font-weight: 700;}
.header .user-nav dl{line-height: 29px;}
.header .user-nav dt{float: left;margin-left:20px;color: #6ABF4B;font-weight: 700;}
.header .user-nav dd{float: left;margin-left:20px;}
/*logo,search*/
.top-wrap {height:103px;position: relative;z-index:8;}
.top-wrap .logo {float:left;margin-top:22px;}
.top-wrap .logo img{}
.top-wrap .search {float:left;margin:30px 0 0 220px;position: relative;width: 520px;height: 36px;border: 2px solid #6ABF4B;}
.top-wrap .search-text {width: 420px;}
.top-wrap .search-text input {padding: 5px 10px 0 10px;width: 432px;height:26px;line-height:26px;border: none;outline: none;background:none;}
.top-wrap .search-btn {position: absolute;top: -2px;right: -2px;width: 100px;}
.top-wrap .search-btn .btn-purple {padding: 0;width: 100%;height: 40px;}
.top-wrap .app-download {float: right;margin-top:8px;width:78px;height:85px;border:1px solid #ddd;}
.top-wrap .app-download p {text-align: center;line-height:20px;}
.top-wrap .app-download img {width:58px;height:58px;margin-left:10px;}
.top-wrap .txt {float:left;margin:35px 0 0 20px;padding-left:10px;line-height:;border-left:1px solid #999;font-size: 22px;font-family: 'microsoft yahei';}
/*nav*/
.nav-wrap {height:50px;background-color: #fff;position: relative;z-index:6;}
.category {float: left;width:182px;position: relative;}
.category p a{line-height: 50px;font-size:14px;font-weight: 700;color: #6ABF4B;}
.category p a>i {font-size:12px;margin-left:40px;display:none;}
.category p>i {margin-right:10px;font-size: 16px;color: #6ABF4B;}
.category-list {position: absolute;top:50px;left:0;width:182px;padding-top:20px;}
.category-list ul{background: #fff;}
.category-list li{border-top:1px solid #ddd;background: #fff;}
.category-list li a {position: relative;display:block;height: 40px;line-height: 40px;text-indent: 2em;font-size:14px;}
.category-list li a i {font-family: "瀹嬩綋";position: absolute;top:0;right:20px;}
.category-list li a:hover,.category-list li.active a,.category-list li:first-child a {background: #6ABF4B;color: #fff;}
.category-list li:first-child{border-top:none;}
.category-list li a:hover i {color: #fff;}
.category-list li.active {border-top:none;}
.category-listnone .category-list{display:none;}
.category-listnone p a>i {display:inline-block;}
.category-listnone ul{border:1px solid #ddd;}
.category-listnone:hover .category-list{display:block;}
.category-listnone .category-list{padding-top:0;}

.mainnav {float:left;margin-left:20px;}
.mainnav ul {float: left;margin-left:20px;}
.mainnav li {float: left;}
.mainnav li a {display:block;line-height: 50px;font-size: 14px;font-weight: 700;color: #333;padding:0 30px;}
.mainnav li a:hover,.mainnav li.active a {background: #6ABF4B;color: #fff;}
/*鎴戠殑杩涜揣鍗�*/
.shopcar {position:relative;float: right;width:210px;}
.shopcar>p {position:relative;line-height: 50px;color: #f13615;text-align: center;border:1px solid #fff;
  border-top:none;border-bottom:none;background: #fff;z-index:6;}
.shopcar>p>a {font-size:14px;font-weight: 700;color: #f13615;}
.shopcar:hover p{background: #fff;}
.shopcar-list {display:none;position: absolute;top:50px;right:0;width:360px;background: #fff;border:1px solid #ddd;z-index:5;}
.shopcar-list h4 {font-weight: 700;line-height: 25px;color: #999;text-indent: 1em;}
.shopcar-list .oneshop {border-top:1px solid #ddd;}
.shopcar-list .oneshop .pic,.shopcar-list .oneshop .pic img {width:35px;height:35px;}
.shopcar-list .oneshop {padding:10px;}
.shopcar-list .oneshop .title {width:220px;}
.shopcar-list .oneshop .title h2 {width:160px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.shopcar-list .oneshop .title .subtitle {height:16px;}
.shopcar-list .oneshop .money {position: absolute;top:10px;left:205px;color:#f13615;font-family: 'microsoft yahei';}
.shopcar-list .oneshop .del {float: right;margin-top:8px;color: #999;cursor: pointer;}
.shopcar-list .oneshop .del:hover {color: #6ABF4B;}
.shopcar-list .more{padding:12px 10px;border-top:1px solid #ddd;text-align: right;color: #999;}

.shopcar:hover p{border-color:#ddd;background: #fff;height:51px;}
.shopcar:hover .shopcar-list {display:block;}
.shopcar-none {padding:12px 0;text-align: center;color: #999;}
.shopcar-none a {line-height:14px;}

/*footer*/
.footer {margin-top:50px;background: #fff;border-top:1px solid #ddd;font-size: 14px;text-align: center;}
.footer p {padding:50px 0;}
.gotop {position:fixed;bottom:190px;left:50%;margin-left:610px;width:40px;height:40px;background: #333;cursor: pointer;display:none;}
.gotop i{display:block;margin:12px 0 0 11px;width:22px;height:11px;color: #fff;}

/*form*/
.qh-form input[type=text],
.qh-form input[type=search],
.qh-form input[type=password],
.qh-form input[type=select],
.qh-form input[type=textarea],
.qh-form-field {display: inline-block;padding: 8px;width: 180px;color: #666;line-height: 1.2;vertical-align: middle;font-size: 12px;background: #fff;border: 1px solid #ddd;outline: none;-webkit-appearance: none;-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.qh-form input[type=text]:focus,
.qh-form input[type=search]:focus,
.qh-form input[type=password]:focus,
.qh-form input[type=textarea]:focus,
.qh-form-field:focus {background-color: #fff;border: 1px solid #598eff;}
.qh-form-file {position: relative;overflow: hidden;}
.qh-form-file input[type="file"] {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;opacity: 0;font-size: 12px;cursor: pointer;display: block;margin-left: -10px;height: 100%;filter: alpha(opacity=0);}
.qh-radio,
.qh-checkbox {display: inline-block;padding-left: 4px;vertical-align: middle;cursor: pointer;min-height: 20px;}
.qh-radio input[type="radio"],
.qh-checkbox input[type="radio"],
.qh-radio input[type="checkbox"],
.qh-checkbox input[type="checkbox"] {float: left;margin-top: 2px;outline: none;*vertical-align: 1px;}
.qh-input-group-label {float: left;padding: 6px;background: #f2f2f2;border: 1px solid #ddd;}
.qh-input-group .qh-form-field {float: left;}
.qh-input-group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.qh-input-group-icon {position: relative;}
.qh-input-group-icon .qh-input-group-label {position: absolute;top: 0;left: 0;background: none;border: none;}
.qh-input-group-icon .qh-form-field {padding-left: 33px;}
.qh-input-group-icon.right .qh-input-group-label {left: auto;right: -5px;}
.qh-input-group-icon.right .qh-form-field {padding-left: 8px;padding-right: 33px;}


.qh-form-title {border-bottom: 1px solid #ddd;margin: 4px;padding: 8px;}
.qh-form-group {margin-top: 10px;}
.qh-form-group li {float: left;}
.qh-form-group li select {height: 32px;}
.qh-form-group:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.qh-form-label {min-width: 60px;text-align: right;}
.qh-form-label,
.qh-form-text,
.qh-form-on,
.qh-form-error,
.qh-form-ok {display: inline-block;line-height: 32px;}
.qh-form-ok {color: #4aaa4a;}
.qh-form-error {color: #b5181b;}
.qh-form-on,
.qh-form-error,
.qh-form-ok {margin-left: 8px;}


.qh-form-inline li {margin: 8px 0 0 8px;}
.qh-form-inline .qh-form-group {margin-top: 0;}
.qh-form-inline .qh-form-label {min-width: auto;text-align: left;}
/*table*/
.hj-table {width: 100%;}
.hj-table thead > tr > td,
.hj-table thead > tr > th,
.hj-table tbody > tr > td,
.hj-table tbody > tr > th {padding: 10px;vertical-align: top;line-height: 1.5;border-top: 1px solid #ddd;}
.hj-table thead > tr:first-child > td,
.hj-table thead > tr:first-child > th {border-top: none;}
.hj-table thead > tr > td,
.hj-table thead > tr > th {color: #333;font-weight: bold;border-bottom: 2px solid #ddd;}
.hj-table-banma > tbody > tr:nth-child(odd) > td,
.hj-table-banma > tbody > tr:nth-child(odd) > th {background-color: #f9f9f9;}
.hj-table-hover > tbody > tr:hover > td,
.hj-table-hover > tbody > tr:hover > th {background-color: #f5f5f5;}
.hj-table thead > tr > td.center,
.hj-table thead > tr > th.center,
.hj-table tbody > tr > td.center,
.hj-table tbody > tr > th.center {text-align: center !important;}
.hj-table-center > thead > tr > td,
.hj-table-center > thead > tr > th,
.hj-table-center > tbody > tr > td,
.hj-table-center > tbody > tr > th {text-align: center;}
.hj-table-small thead > tr > td,
.hj-table-small thead > tr > th,
.hj-table-small tbody > tr > td,
.hj-table-small tbody > tr > th {padding: 5px;}
.hj-table-border thead > tr > td,
.hj-table-border thead > tr > th,
.hj-table-border tbody > tr > td,
.hj-table-border tbody > tr > th {border: 1px solid #ddd;}
.hj-table-border thead > tr:first-child > td,
.hj-table-border thead > tr:first-child > th {border-top: 1px solid #ddd;}
/********************************
  璐︽埛涓績-澶撮儴鍏敤妯″潡
*********************************/
.account-header{background: #fff; box-shadow: 0 5px 5px #ddd;}
.account-header .header{background: #6ABF4B;color:#fff;}
.account-header .header .welcome a{color: #fff !important;}
.account-header .header a{color: #fff;}
.account-header .header dt{color: #fff;}
.account-header .header dt a{color: #fff !important;}
.account-header .top-wrap .nav {float:left;margin-left:360px;}
.account-header .top-wrap .nav li{float: left;margin:40px 20px 0 20px;}
.account-header .top-wrap .nav li a{font-size: 14px;font-weight: 700;color: #6ABF4B;}
.account-header .account-link-my{float:right;margin-top:35px;}
.account-header .account-link-my a{display:block;width:118px;height:32px;line-height:32px;font-size:14px;color:#333;border-radius: 5px;background: #f2f2f2;}
.account-header .account-link-my a:hover{background: #e6e6e6;}
.account-header .account-link-my i{margin:0 0 0 15px;vertical-align:-2px;font-size:24px;}


/*IE6-8娴忚鍣ㄥ脊绐楁彁绀轰娇鐢�360*/
.old-browser-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;background:#000;filter:Alpha(opacity=50);*zoom:1;}
.old-browser{position:fixed;top:150px;left:50%;margin:0 0 0 -240px; width:480px;height:290px;background:url(/public/agency/images/old-browser.png) no-repeat;z-index:9999;}
.old-browser a.brow360{display:block;width:212px;height:70px;position:absolute;top:173px;left:153px;}
.old-browser .close{position:absolute;top:15px;left:419px;width:49px;height:30px;display:block;cursor:pointer;}

/*鏃犳暟鎹紝绌烘暟鎹�*/
.account-nulldata{margin:50px auto;color:#999;}
.account-nulldata p {text-align: center;font-size:14px;font-weight: 700;}


/*寮圭獥dialog*/

.qh-btn {
  display: inline-block;
  padding: 8px 12px;
  color: #fff;
  background: #598eff;
  border: 1px solid #598eff;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  outline: 0;
  -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
  transition: background-color 300ms ease-out, border-color 300ms ease-out;
}


.iconfont {
  font-family: "iconfont" !important;
  font-size: 150%;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  margin-left: .2em;
  margin-right: .2em;
  line-height: 1em;
}

.qh-btn-red {background: #f03915;border-color:#f03915;} /*绾㈣壊鎸夐挳*/
.qh-btn-red:hover {background: #d63413;border-color:#d63413;}



.qh_win_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999998;
}
.qh_win_bg.qh_win_tips {
  display: none;
}
.qh_win {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999999;
  width: 250px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
}
.qh_win .qh_top {
  position: relative;
  padding: 10px;
  background: #f2f2f2;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
.qh_win .qh_con {
  min-height: 50px;
  padding: 10px;
}
.qh_win .qh_bot {
  text-align: center;
  padding: 10px;
}
.qh_win .qh_bot button {
  margin: 0 5px;
}
.qh_win .qh_close {
  color: #666;
  font-size: 18px;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size:12px;
}
.qh_win_close:before {
  content: 'X';
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  font-family: 'microsoft yahei';
}
.qh_win_fixed,
.qh_win_alert {
  position: fixed;
}
.qh_win_tips {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.qh_win_tips .qh_close {
  color: #fff;
}
.qh-scroll-x {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
.qh-scroll-y {
  height: 240px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  resize: vertical;
}
.qh-scroll-sm::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.qh-scroll-sm::-webkit-scrollbar-track {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: transparent;
}
.qh-scroll-sm::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #616161;
}